<template>
    <div class="Bell">
        <el-badge is-dot class="item">
            <el-icon size="24px">
                <Bell />
            </el-icon>
        </el-badge>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
@import "@/style/mixin.scss";

.Bell {
    cursor: pointer;
    height: 100%;
    width: 38px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;

    &:hover {
        @include hover_bg_color;
    }
}

.item {
    display: flex;
    justify-items: center;
    align-items: center;
}
</style>